<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/commons/tags.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<sitemesh:write property="head"></sitemesh:write>
<meta charset="utf-8">
<title>工作流流程处理案例-<sitemesh:write property="title"></sitemesh:write></title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link href='http://fonts.useso.com/css?family=Open+Sans:400,700'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css"
	href="${cx}/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet"
	href="${cx}/lib/font-awesome/css/font-awesome.css">
<script src="${cx}/lib/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="${cx}/lib/jQuery-Knob/js/jquery.knob.js"
	type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$(".knob").knob();
	});
</script>
<link rel="stylesheet" type="text/css"
	href="${cx}/stylesheets/theme.css">
<link rel="stylesheet" type="text/css"
	href="${cx}/stylesheets/premium.css">

</head>
<body class="theme-blue">
	<script type="text/javascript">
		$(function() {
			var match = document.cookie.match(new RegExp('color=([^;]+)'));
			if (match)
				var color = match[1];
			if (color) {
				$('body').removeClass(function(index, css) {
					return (css.match(/\btheme-\S+/g) || []).join(' ')
				})
				$('body').addClass('theme-' + color);
			}

			$('[data-popover="true"]').popover({
				html : true
			});

		});
	</script>
	<style type="text/css">
#line-chart {
	height: 300px;
	width: 800px;
	margin: 0px auto;
	margin-top: 1em;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
	color: #fff;
}
</style>

	<script type="text/javascript">
		$(function() {
			var uls = $('.sidebar-nav > ul > *').clone();
			uls.addClass('visible-xs');
			$('#main-menu').append(uls.clone());
		});
	</script>


	<!-- Le fav and touch icons -->
	<link rel="shortcut icon" href="../assets/ico/favicon.ico">
	<link rel="apple-touch-icon-precomposed" sizes="144x144"
		href="../assets/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114"
		href="../assets/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72"
		href="../assets/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed"
		href="../assets/ico/apple-touch-icon-57-precomposed.png">

	<div>
		<div>
			<div>
				<div class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse" data-target=".navbar-collapse">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="" href="${cx }/sys/index"><span class="navbar-brand"><span
								class="fa fa-paper-plane"></span> 工作流程管理系统</span></a>
					</div>

					<div class="navbar-collapse collapse" style="height: 1px;">
						<ul id="main-menu" class="nav navbar-nav navbar-right">
							<li class="dropdown hidden-xs"><a href="#"
								class="dropdown-toggle" data-toggle="dropdown"> <span
									class="glyphicon glyphicon-user padding-right-small"
									style="position: relative; top: 3px;"></span> ${user.nickname }
									<i class="fa fa-caret-down"></i>
							</a>

								<ul class="dropdown-menu">
									<li><a href="./">账号管理</a></li>
									<li><a tabindex="-1" href="${cx }/logout">退出系统</a></li>
								</ul></li>
						</ul>

					</div>
				</div>
			</div>
			<div class="sidebar-nav">
				<ul>
					<li><a href="#" data-target=".dashboard-menu"
						class="nav-header" data-toggle="collapse"><i
							class="fa fa-fw fa-briefcase"></i>业务管理<i class="fa fa-collapse"></i></a></li>
					<li><ul class="dashboard-menu nav nav-list collapse in">
							<li><a href="${cx }/act/procmanager"><span
									class="fa fa-caret-right"></span> 流程管理</a></li>
						</ul></li>
					<li data-popover="true" rel="popover" data-placement="right"><a
						href="#" data-target=".premium-menu" class="nav-header collapsed"
						data-toggle="collapse"><i class="fa fa-fw fa-fighter-jet"></i>任务管理<i
							class="fa fa-collapse"></i></a></li>
					<li><ul class="premium-menu nav nav-list collapse">
							<li><a href="${cx }/act/taskapply"><span
									class="fa fa-caret-right"></span> 申请任务</a></li>
							<li><a href="premium-blog.html"><span
									class="fa fa-caret-right"></span> 任务查看</a></li>
							<li><a href="premium-blog.html"><span
									class="fa fa-caret-right"></span> 任务受理历史查看</a></li>
						</ul></li>
				</ul>
			</div>

			<div class="content">
				<!-- 网页内容部分 -->
				<sitemesh:write property="body"></sitemesh:write>
			</div>


			<footer>
				<hr>


				<p class="pull-right">
					Collect from <a href="http://blog.csdn.net/muwenbin_flex"
						title="老木在线" target="_blank">老木在线</a>
				</p>
				<p>
					© 2016 <a href="${cx }/sys/index">工作流管理系统案例</a>
				</p>
			</footer>
		</div>
	</div>


	<script src="${cx}/lib/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript">
		$("[rel=tooltip]").tooltip();
		$(function() {
			$('.demo-cancel-click').click(function() {
				return false;
			});
		});
	</script>


</body>
</html>
